<!DOCTYPE html>
<html lang="cn" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
<meta charset="UTF-8">
<title>互联网村镇管理平台</title>
<link rel="stylesheet" type="text/css" th:href="@{/css/common.css}" />
<link rel="stylesheet" type="text/css" th:href="@{/css/main.css}" />
<link th:href="@{/js/libs/zyupload/skins/zyupload-1.0.0.css}" rel="stylesheet" type="text/css" />
		
<div th:include="admin/common/common"></div>
<script type="text/javascript" charset="utf-8" th:src="@{/js/libs/ckeditor/ckeditor.js}"></script>
<script type="text/javascript" th:src="@{/js/libs/ajaxfileupload.js}"></script>
<script type="text/javascript" th:src="@{/js/web/projectInfo/projectInfo.js?v=1.1}"></script>
<script type="text/javascript" th:src="@{/js/libs/zyupload/zyupload.basic-1.0.0.js}"></script>
       
</head>
<body>
	<div class="container clearfix">
		<div class="main-wrap">
			<div class="crumb-wrap">
				<div class="crumb-list">
					<i class="icon-font">&#xe922;</i> <a href="javascript:void(0);">项目管理</a>
					<span class="crumb-step">&gt;</span> <span class="crumb-name">添加项目</span>
				</div>
			</div>
			<div class="result-wrap">
				<div class="result-content">
					<form id="addProjectInfoForm" onsubmit="return add();">
						<table class="insert-tab" width="100%">
							<tbody>
								<tr>
									<input type="hidden" name="status" id="status" value="1"/><!--订单状态-->
									<th style="width: 10%;"><i class="require-red">*</i> 项目名称：
									</th>
									<td><input class="common-text required" id="name"
										name="title" style="width: 99%" maxlength="50" type="text" />
									</td>
								</tr>
								
								<tr>
									<th style="width: 10%;"><i class="require-red">*</i> 项目价格：
									</th>
									<td><input class="common-text required" id="price"
										name="price" style="width: 99%" maxlength="128" type="text" />
									</td>
								</tr>
								<tr>
									<th style="width:10%;">
										<i class="require-red">*</i>
										项目介绍：
									</th>
									<td>
										<textarea id="oldContent" style="display: none;"></textarea>
										<textarea name="desc" id="desc" rows="10" cols="80">
										</textarea>
										<script>
                                    CKEDITOR.replace('desc', {allowedContent:true, filebrowserImageUploadUrl: shiro.baseUrl + "uploadCKEditor",
                                    	toolbar : 'Full',
							            filebrowserFlashUploadUrl :shiro.baseUrl+"uploadVideo"})
                                </script>
									</td>
								</tr>
								
								<tr>
									<th style="width: 10%;"><i class="require-red">*</i>
										项目图片(轮播图)：</th>
									<td>
									 <div class="row cl">
					                    <div class="formControls col-xs-8 col-sm-9">
					                        <input type="hidden" name="descPhotos" id="descPhotos"/>
					                        <div id="zyupload" class="zyupload"></div>
					                    </div>
					                </div>
									</td>
								</tr>
								<tr>
									<th></th>
									<td>
										<input class="btn btn-primary btn6 mr10" value="提交" type="submit" />
										<input class="btn btn6" onclick="history.go(-1)" value="返回" type="button" />
									</td>
								</tr>
							</tbody>
						</table>
					</form>
				</div>
			</div>
		</div>
	</div>
	<script type="text/javascript">
	 // 初始化插件
	    $(function(){
	        // 初始化插件
	        $("#zyupload").zyUpload({
	            width            :   "100%",                 // 宽度
	            height           :   "200px",                 // 宽度
	            itemWidth        :   "100px",                 // 文件项的宽度
	            itemHeight       :   "100px",                 // 文件项的高度
	            url              :   shiro.baseUrl + "projectInfo/upload",  // 上传文件的路径
	            fileType         :   ["jpg","png","gif","jpeg"],// 上传文件的类型
	            fileSize         :   51200000,                // 上传文件的大小
	            multiple         :   true,                    // 是否可以多个文件上传
	            dragDrop         :   false,                   // 是否可以拖动上传文件
	            tailor           :   false,                   // 是否可以裁剪图片
	            del              :   true,                    // 是否可以删除文件
	            finishDel        :   false,  				  // 是否在上传文件完成后删除预览
	            /* 外部获得的回调接口 */
	            onSelect: function(selectFiles, allFiles){    // 选择文件的回调方法  selectFile:当前选中的文件  allFiles:还没上传的全部文件
	                //console.info("当前选择了以下文件：");
	                //console.info(selectFiles);
	            },
	            onDelete: function(file, files){              // 删除一个文件的回调方法 file:当前删除的文件  files:删除之后的文件
	                //console.info("当前删除了此文件：");
	                //console.info(file.name);
	            },
	            onSuccess: function(file, response){          // 文件上传成功的回调方法
	                if($.trim($('#descPhotos').val()) != '') {
	                    $('#descPhotos').val( $('#descPhotos').val() + ',' + response);
	                } else {
	                    $('#descPhotos').val(response);
	                }
	            },
	            onFailure: function(file, response){          // 文件上传失败的回调方法
	                console.info("此文件上传失败：");
	                console.info(file.name);
	            },
	            onComplete: function(response){           	  // 上传完成的回调方法
	                console.log('descPhotos => ' + $('#descPhotos').val());
	            }
	        });
	
	    });
	</script>
</body>
</html>